<!DOCTYPE html>
<html>
	<head>	
		<title>Web OPM</title>

		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/bootstrap-responsive.css" />
		<link rel="stylesheet" href="css/index.css" />
		
		<link rel="icon" type="image/png" href="img/logo.png" />
		
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    	<meta name="description" content="OPM conceptual modeling tool simulation" />
    	<meta name="author" content="Technion" />
    	<meta charset="utf-8">
	</head>
	
	<script type="text/javascript">
  		var _gaq = _gaq || [];
  		_gaq.push(['_setAccount', 'UA-29544788-1']);
  		_gaq.push(['_trackPageview']);

  		(function() {
    		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  		})();
	</script>
	
	<body>
		
		<div id="splash" class="well row-fluid">
			<div class="span12">
				<div class="row-fluid">
					<div class="span4">
						<h2>Object-Process Methodology</h2>
						<p>
							Object-Process Methodology (OPM) is a modeling language, 
							combining a minimal set of building blocks – stateful objects and processes that transform them – 
							with a dual graphic-textual representation in a single diagram type.
							OPM uses two types of elements: entities and links.
							The entities used in OPM are objects, states and processes.
							The links used in OPM are structural links and procedural links.
						</p>
						<a class="btn btn-large" href="//en.wikipedia.org/wiki/Object_Process_Methodology" target="_blank"><b>Wikipedia</b></a>
					</div>
					<div class="span4">
						<h2>Web OPM</h2>
						<p>
							It is the next generation of OPCAT desktop version CASE tool that leverages on Object Process Methodology (OPM). 
							It allows any engineer to create models of the system under development, run conceptual simulation for validation and verification, 
							run animation to present the model to stakeholders, and save the models at the Server’s repository or download to the PC.
						</p>
						<a class="btn btn-success btn-large" href="/editor"><b>Editor</b></a>
					</div>
					<div class="span4">
						<h2>About Us</h2>
						<p>
							We are the team of young and energetic developers who are passionate about the product we deliver.
							Our aim is to bring beauty and order to the early stages of systems' development by offering outstanding
							modeling methodology and providing the excellent and the most convenient tool for your usage. 
							We are constantly seeking for a fresh blood and ideas!
						</p>
						<a class="btn btn-large btn-danger" target="_blank" href="//docs.google.com/a/bolshchikov.net/spreadsheet/viewform?formkey=dDRpZTZOaDJ3QnBFc2FKa3JfX1RfUHc6MQ"><b>Apply</b></a>
					</div>
				</div>
			</div>
		</div>
		
		
			
		<iframe src="//web-opm.appspot.com/editor" width="100%" height="600px" frameborder="0" scrolling="no" style="opacity: 0.3; z-index: -1000"></iframe>

		<!-- Placed at the end of the document so to increase loading the page -->	
		<!-- jQuery -->
		<script src="js/jquery.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.js"></script>
<!-- 	<script src="js/bootstrap-alert.js"></script>		 	-->
		<script src="js/bootstrap-button.js"></script>
<!--	<script src="js/bootstrap-carousel.js"></script>			-->
<!--	<script src="js/bootstrap-collapse.js"></script>			-->
		<script src="js/bootstrap-dropdown.js"></script>
<!--	<script src="js/bootstrap-modal.js"></script>			-->
<!--	<script src="js/bootstrap-popover.js"></script>			-->
<!--	<script src="js/bootstrap-scrollspy.js"></script>		-->
<!--	<script src="js/bootstrap-tab.js"></script>				-->
		<script src="js/bootstrap-tooltip.js"></script>
<!--	<script src="js/bootstrap-transition.js"></script>		-->
<!--	<script src="js/bootstrap-typeahead.js"></script>		-->


		
		
		
	</body>
</html>